<template>
  <div class="sql-agent-sidebar-controller">
    <i class="el-icon-d-arrow-left" v-show="!isCollapse" @click="handleChange"/>
    <i class="el-icon-d-arrow-right" v-show="isCollapse" @click="handleChange"/>
  </div>
</template>
<script>
export default {
  props: {
    isCollapse: Boolean
  },
  methods: {
    handleChange () {
      this.$store.dispatch('setCollapse')
    }
  }
}
</script>
<style lang="scss" scoped>
.sql-agent-sidebar-controller{
  margin:0 10px;
  height: 30px;
  line-height: 30px;
  border-top: 1px solid #F0F0F0;
  text-align: center;
  color: rgba(0,0,0,0.4);
  user-select: none;
  i{
    cursor: pointer;
  }
}
</style>
